
{% extends 'buyer/base.html' %}

{% block title %}
    各类型商品
{% endblock %}

{% block content %}
    <div class="content content-nav-base commodity-content">
        <div class="main-nav">
            <div class="inner-cont0">
                <div class="inner-cont1 w1200">
                    <div class="inner-cont2">
                        <a href="/Buyer/all_goods/0/" class="active">所有商品</a>
                        <a href="/Buyer/tuan_gou/">今日团购</a>
                        <a href="/Buyer/zi_xun/">母婴资讯</a>
                        <a href="/Buyer/jian_jie/">关于我们</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="commod-cont-wrap">
            <div class="commod-cont w1200 layui-clear">
                <div class="left-nav">
                    <div class="title">所有分类</div>
                    <div class="list-box">
                        <dl>
                            <dt>奶粉辅食</dt>
                            <dd><a href="/Buyer/goods_type/?id=1&">进口奶粉</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=2&">宝宝辅食</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=3&">营养品</a></dd>
                        </dl>
                        <dl>
                            <dt>儿童用品</dt>
                            <dd><a href="/Buyer/goods_type/?id=4&">纸尿裤</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=5&">婴儿湿巾</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=6&">婴儿车</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=7&">婴儿床</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=8&">儿童安全座椅</a></dd>
                        </dl>
                        <dl>
                            <dt>儿童早教</dt>
                            <dd><a href="/Buyer/goods_type/?id=9&">儿童玩具</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=10&">早教书籍</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=11&">孕产育儿书</a></dd>
                        </dl>
                        <dl>
                            <dt>儿童服饰</dt>
                            <dd><a href="/Buyer/goods_type/?id=12&">童装</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=13&">童鞋</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=14&">宝宝配饰</a></dd>
                        </dl>
                        <dl>
                            <dt>孕妈专区</dt>
                            <dd><a href="/Buyer/goods_type/?id=15&">孕妇装</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=16&">孕妇护肤</a></dd>
                            <dd><a href="/Buyer/goods_type/?id=17&">孕妇用品</a></dd>
                        </dl>
                    </div>
                </div>
                <div class="right-cont-wrap">
                    <div class="right-cont">
                        <div class="sort layui-clear">
                            <a class="active" href="javascript:;" event='volume'>销量</a>
                            <a href="javascript:;" event='price'>价格</a>
                            <a href="javascript:;" event='newprod'>新品</a>
                            <a href="javascript:;" event='collection'>收藏</a>
                        </div>
                        <div class="prod-number">
                            <span>{{ goods_len }}个</span>
                        </div>
                        <div class="cont-list layui-clear" id="list-cont">
                            {% for good in goods_list %}
                                <div class="item" style="height: 400px">
                                    <div class="img">
                                        <a href="/Buyer/detail/{{ good.id }}"><img src="{{ good.goods_picture }}" style="width: 100%; height: 100%"></a>
                                    </div>
                                    <div class="text">
                                        <p class="title">{{ good.goods_title }}</p>
                                        <p class="price">
                                            <span class="pri">￥{{ good.goods_current_price }}</span>
                                            <span class="nub">{{ good.goods_people_buy }}付款</span>
                                        </p>
                                    </div>
                                </div>
                            {% endfor %}


                        </div>
                        <!-- 模版引擎导入 -->
                        <!-- <script type="text/html" id="demo">
{#                          {{ layui.each(d.menu.milk.content,function(index,item){}}#}
                            <div class="item">
                              <div class="img">
{#                                <a href="javascript:;"><img src="{{item.img}}"></a>#}
                              </div>
                              <div class="text">
                                <p class="title"></p>
                                <p class="price">
{#                                  <span class="pri">{{item.pri}}</span>#}
{#                                  <span class="nub">{{item.nub}}</span>#}
                                </p>
                              </div>
                            </div>
{#                          {{ }); }}#}
                        </script> -->
                        <div id="demo0" style="text-align: center;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}